<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Union &mdash; 100% Free Fully Responsive HTML5 Template </title>
	<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
	<meta name="author" content="FREEHTML5.CO" />
	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

	<link rel="stylesheet" href="less/bootstrap.css">
	<!-- Style -->
	<link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/login.css"/>
	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
	<div class="header_zone">
		<div class="user">
			<div class="user_login">
				<!-- <ul class="user_zone">
					<li>
						<a href="#">wuqifan@nuagetimes.com</a>
					</li>
					<li>|</li>
					<li class="logout">
						<a href="#">登出</a>
					</li>
				</ul> -->
				<ul class="user_zone">
					<li>
						<a href="#" class="goole_login"></a>
						<a href="#" class="facebook_login"></a>
						<a href="#" data-toggle="modal" data-target=".bs-example-modal-lg">登入</a>
					</li>
					<li>|</li>
					<li class="logout">
						<a href="#" data-toggle="modal" data-target="#register">注册</a>
					</li>
				</ul>
			</div>

		</div>
		<div class="header">
			<header role="banner" id="fh5co-header">
				<div class="fluid-container">
					<nav class="navbar navbar-default">
						<div class="navbar-header">
							<a class="navbar-brand" href="home.html"></a>
						</div>
						<div id="navbar" class="navbar-collapse collapse">
							<ul class="nav navbar-nav navbar-right">
								<li><a href="pingtai.html" data-nav-section="home"><span>平台介绍</span></a></li>
								<li><a href="product.html" data-nav-section="explore"><span>产品中心</span></a></li>
								<li><a href="tuikuan.html" data-nav-section="testimony"><span>个人账户</span></a></li>
								<li><a href="memberlist.html" data-nav-section="pricing"><span>帮助中心</span></a></li>
							</ul>
						</div>
					</nav>
			  </div>
			</header>
		</div>
	</div>

	<section id="fh5co-home" style="background-image: url(images/banner.jpg);" data-stellar-background-ratio="0.5">
		<div class="gradient"></div>
		<div class="container">
			<div class="text-wrap">
				<div class="text-inner">
					<div class="row">
						<div class="col-md-8 col-md-offset-2">
							<div class="logo_center to-animate"></div>
							<h2 class="to-animate">專業的數字產品與虛擬服務銷售平台</h2>

							<ul class="topic call-to-action to-animate">
								<li>資源豐富<span></span></li>
								<li>產品優等<span></span></li>
								<li>技術依託<span></span></li>
								<li>科技前沿<span></span></li>
								<li>與時俱進<span></span></li>
								<li>安全可靠<span></span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section id="fh5co-explore">
		<div class="container">
			<div class="row">
				<div class="col-md-12 section-heading text-center">
					<h2 class="to-animate">Gain Extreme平台介紹</h2>
					<div class="row">
						<div class="col-md-10 col-md-offset-2 subtext to-animate">
							<h3>GainExtreme是專業的數字產品與虛擬服務銷售平台。以強大、可靠的技術實力為依託，遵循公平、開放的原則運營，</h3>
							<h3>為客戶提供優質的服務，創造價值，實現共贏，</h3>
							<h3>
								并致力於成為資源優質、安全、好用的數字產品與虛擬服務銷售平台。
							</h3>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="fh5co-explore">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-md-push-5 to-animate-2 mt">
						<img class="img-responsive" src="images/pic_1.png" alt="work">
					</div>
					<div class="col-md-4 col-md-pull-8 to-animate-2">
						<div class="mt">
							<h3>豐富的優質數字與虛擬服務產品</h3>
							<p>Gain Extreme憑藉多年在互聯網行業的經驗，與多家虛擬商品供應商合作，精心挑選，提供最物美價廉的優質商品。平台秉承與時俱進的原則，不斷發掘科技前沿的新產品，為用戶提供最先進、最時尚的虛擬商品。 </p>
							<ul class="list-nav">
								<li><i class="icon-check2"></i>多家供應商合作，資源豐富多樣。</li>
								<li><i class="icon-check2"></i>產品質量優等，價格實惠。</li>
								<li><i class="icon-check2"></i>依託先進的技術，不斷發掘創新產品。</li>
								<li><i class="icon-check2"></i>使用簡潔，購買方便。</li>
								<li><i class="icon-check2"></i>安全可靠，提供優質服務。</li>
							</ul>
						</div>
					</div>

				</div>
			</div>
		</div>

		<div class="fh5co-explore fh5co-explore-bg-color">
			<div class="container">
				<div class="row">
					<div class="col-md-8 to-animate-3 mt">
						<img class="img-responsive" src="images/pic_2.png" alt="work">
					</div>
					<div class="col-md-4 to-animate-3">
						<div class="mt">
							<div>
								<h4 class="color_1"><i class="icon-jiemian"></i> 舒適簡潔的使用界面</h4>
								<p class="color_2">Gain Extreme平台旨在為用戶提供最優質的數字虛擬商品和最優質的服務。平台使用舒適簡潔的界面以及快速簡便的購買數字產品流程，讓您享受最便利最迅速的購買數字產品新體驗。</p>
							</div>
							<div>
								<h4 class="color_1"><i class="icon-safe"></i> 安全可靠支付</h4>
								<p class="color_2">平台提供多種方便、安全、快捷的支付方式，減少您的購買數字產品的時間，提高您的購買數字產品的體驗。讓您輕鬆付款無任何後顧之憂。</p>
							</div>
							<div>
								<h4 class="color_1"><i class="icon-zhanshi"></i> 用戶好評展示</h4>
								<p class="color_2">眾多的用戶在GainExtreme平台中獲得了良好的使用體驗，真誠、客觀、充滿鼓勵與讚許的用戶評價是GainExtreme堅持用最優質服務回饋用戶的最大動力。 </p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="fh5co-explore">
			<div class="container">
				<div class="row">

					<div class="col-md-6 to-animate-2">
						<div class="mt">
							<h3>手機網頁版與電腦版同步使用，讓您隨時隨地，隨心購買數字產品</h3>
							<p>Gain Extreme平台有手機網頁版本，體驗效果更快捷方便，而與電腦版本數據完全同步。您可以在任何時候，任何地點用手機進行購買數字產品。</p>
							<ul class="list-nav">
								<li><i class="icon-check2"></i>多家供應商合作，資源豐富多樣。</li>
								<li><i class="icon-check2"></i>產品質量優等，價格實惠。</li>
								<li><i class="icon-check2"></i>依託先進的技術，不斷發掘創新產品。</li>
								<li><i class="icon-check2"></i>使用簡潔，購買方便。</li>
								<li><i class="icon-check2"></i>安全可靠，提供優質服務。</li>
							</ul>
						</div>
					</div>
					<div class="col-md-5  to-animate-2">
						<img class="img-responsive" src="images/pic_3.png" alt="work">
					</div>
				</div>
			</div>
		</div>
	</section>

	<section data-section="explore">
		<div class="getting-started getting-started-1">
			<div class="container">
				<div class="row">
					<div class="col-md-6 to-animate">
						<h3>時尚生活，時尚購買數字產品</h3>
						<p>享受先進數據虛擬產品，體驗高科技新時尚。萬千潮流新品任你選，來這裡感受數據商品時代新浪潮。 </p>
					</div>
					<div class="col-md-6 to-animate-2">
						<div class="call-to-action text-right">
							<a href="#" class="sign-up">產品中心</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section id="fh5co-pricing" class="fh5co-explore-bg-color"  data-section="explore">
		<div class="fh5co-pricing">
			<div class="container">

				<div class="row">
					<div class="pricing">
						<div class="col-md-3 block-height">
							<div class="price-box to-animate-2">
								<h2 class="pricing-plan"><span></span></h2>
								<div class="price">270<sup class="currency">人</sup><small>活跃用户数</small></div>
								<p class="t_left">每天在Gain Extreme平台購買產品的人數。 </p>
							</div>
						</div>

						<div class="col-md-3 block-height">
							<div class="price-box to-animate-2">
								<h2 class="pricing-plan"><span></span></h2>
								<div class="price">27<sup class="currency">人次</sup><small>新增访问人数</small></div>
								<p class="t_left">今日訪問Gain Extreme平台進行購買數字產品的新用戶數量。 </p>
							</div>
						</div>

						<div class="col-md-3 block-height">
							<div class="price-box to-animate-2 popular">
								<h2 class="pricing-plan"><span></span></h2>
								<div class="price">74<sup class="currency">人次</sup><small>今日访问量</small></div>
								<p class="t_left">今日訪問Gain Extreme平台的總人數 </p>
							</div>
						</div>

						<div class="col-md-3 block-height">
							<div class="price-box to-animate-2">
								<h2 class="pricing-plan"><span></span></h2>
								<div class="price">140<sup class="currency">人次</sup><small>总访问量</small></div>
								<p class="t_left">歷史訪問Gain Extreme平台的所有用戶總數 </p>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</section>

	<section id="fh5co-testimony" data-section="">
		<div class="container">
			<div class="row">
				<div class="to-animate user-pingjia">
					<h2 class="user-span"><span class="user-span"></span><span>用户评价</span><span class="user-span"></span></h2>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12 to-animate">
					<div class="wrap-testimony">
						<div class="owl-carousel-fullwidth">
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="images/person2.jpg" alt="user">
									</figure>
									<blockquote>
									   <p>在Gain Extreme平臺買了VPN Master流量，價格很便宜，可以在世界各地旅遊時也能無限量用網了耶~~真的非常好~~太感謝了</p>
									</blockquote>
									<span>林心红</span>
								</div>
							</div>
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="images/person3.jpg" alt="user">
									</figure>
									<blockquote>
										<p>>在Gain Extreme平臺買了VPN Master流量，價格很便宜，可以在世界各地旅遊時也能無限量用網了耶~~真的非常好~~太感謝了</p>
									</blockquote>
									<span>John Doe</span>
								</div>
							</div>
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="images/person2.jpg" alt="user">
									</figure>
									<blockquote>
										<p>>在Gain Extreme平臺買了VPN Master流量，價格很便宜，可以在世界各地旅遊時也能無限量用網了耶~~真的非常好~~太感謝了</p>
									</blockquote>
									<span>John Doe</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<div id="map" class="fh5co-map">
		地图区域
	</div>
	<div class="footer">
		<div class="hrs"></div>
		<div class="copyrights">
			<ul class="item_list">
				<li><a href="#"><span></span>服务条款</a></li>
				<li><a href="#"><span></span>隐私协议</a></li>
				<li><a href="#"><span></span>安全保障</a></li>
				<li><a href="#"><span></span>联系我们</a></li>
			</ul>
			<p>@2016, gainextreme.com, All Rights Reserved</p>
		</div>
	</div>


    <!--登入-->
    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">

                        <div class="row login">
                            <div class="col-xs-12 col-sm-4 login_fl">
                                <i class="icon icon_login_logo">登入</i>
                            </div>
                            <div class="col-xs-12 col-sm-8 login_fr">


                                <form id="loginForm" method="get">
                                    <table>
                                        <tbody>
                                        <tr>
                                            <td class="w140"></td>
                                            <td class="title w348">账号登入</td>
                                        </tr>
                                        <tr>
                                            <td class="w140">邮箱：</td>
                                            <td><input type="email" name="username" placeholder="请输入邮箱账号"/></td>
                                        </tr>
                                        <tr height="8px">
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="w140">密码：</td>
                                            <td><input type="password" name="password" placeholder="请输入账号密码"/><i class="icon icon_nosee passwordsee"></i></td>
                                        </tr>
                                        <tr height="8px">
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="w140"></td>
                                            <td><input type="submit" class="btnsubmit" value="登入"/></td>
                                        </tr>
                                        <tr>
                                            <td class="w140"></td>
                                            <td class="signup"><a href="javascript:;">去注册</a></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>
                                                <div class="third_party_login">
                                                    <p class="p0">第三方登入</p>
                                                    <p class="p1"><a href="javascript:;"><i class="icon icon_third_login1"></i>淘淘乐账号登入</a></p>
                                                    <p class="p2"><a href="javascript:;"><i class="icon icon_third_login2"></i>Google play 账号登入</a></p>
                                                    <p class="p3"><a href="javascript:;"><i class="icon icon_third_login3"></i>Facebook账号登入</a></p>
                                                </div>
                                            </td>
                                        </tr>

                                        </tbody>
                                    </table>

                                </form>

                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--登入end -->

    <!-- 注册 -->
    <div class="modal fade register" id="register" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" aria-hidden="true">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">

                        <div class="row login register">

                            <div class="login_fr">

                                <h2 class="title">注册中心</h2>
                                <form id="registerform" method="get">
                                    <table>
                                        <tbody>
                                        <tr>
                                            <td class="w140"><i class="mark orange">*</i>邮箱：</td>
                                            <td class="w348"><input type="email" name="username" placeholder="请输入邮箱账号进行注册"/></td>
                                        </tr>
                                        <tr height="8px">
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="w140"><i class="mark orange">*</i>设置密码：</td>
                                            <td><input type="password" name="password" placeholder="请输入账不少于8位的账号密码" id="field"/><i class="icon icon_nosee passwordsee"></i></td>
                                        </tr>
                                        <tr height="8px">
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="w140"><i class="mark orange">*</i>确认密码：</td>
                                            <td><input type="password" name="rpassword" placeholder="请再次输入密码"/><i class="icon icon_nosee passwordsee"></i></td>
                                        </tr>
                                        <tr height="8px">
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="w140">手机号码：</td>
                                            <td><input type="text" name="telephone" placeholder="请输入可以联系的手机号码" class="ignore"/></td>
                                        </tr>
                                        <tr>
                                            <td class="w140"></td>
                                            <td class="signup"><a href="javascript:;">已有账号登入</a></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>
                                                <div class="agreement">
                                                    <p><input type="checkbox" name="agreement" checked="checked" /><a href="javascript:;">我已阅读并同意《淘淘乐用户服务协议》</a></p>
                                                    <p><input type="submit" class="btnsubmit" value="注册登入"/></p>
                                                </div>
                                            </td>
                                        </tr>

                                        </tbody>
                                    </table>

                                </form>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 注册 end  -->

	<script data-main="js/index" src="js/require.js"></script>
	</body>
</html>

